/*resize.css*/
html,body{position: relative;height: 100%; padding: 0;margin: 0;font-family: "SourceHanSansCN-Heavy", Helvetica, Arial, sans-serif;
    color: #FFFFFF;box-sizing: border-box;}
ul{padding:0;margin: 0;}
.swiper-container-v{max-width: 640px;margin: 0 auto;}
li{list-style: none;}
.op02{opacity: .2;}
.op78{opacity: .78;}
.op08{opacity: .8;}
/*font引入*/
/*.fHeavy{font-family: 'SourceHanSansCN-Heavy';}
.fBold{font-family: 'SourceHanSansCN-Bold';}
.fLight{font-family: 'SourceHanSansCN-Light';}
.fNormal{font-family: 'SourceHanSansCN-Normal';}
.fMedium{font-family: 'SourceHanSansCN-Medium';}
.fAvenirBlack{font-family: 'AvenirBlack';}*/

.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
    -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
}
img.gonext{
    position: absolute;left: 3%;bottom: 3%;
    width: 6%;
    z-index: 999;
    padding:0 .2rem 0 0;
}
img.sharewx{
    position: absolute;
    right:1%;
    top:1%;
    width: 15%;
}


.indexPage00{background: url("../images/H5Bk_011.jpg") no-repeat center center; background-size: cover;}
.indexPage01{background: url("../images/H5Bk_011.jpg") no-repeat center center; background-size: cover;}
.indexPage02{background: url("../images/H5Bk_021.jpg") no-repeat top center; background-size: cover;}
.indexPage03{background: url("../images/H5Bk_031.jpg") no-repeat top center; background-size: cover;}
.indexPage04{background: url("../images/H5Bk_041.jpg") no-repeat top center; background-size: cover;}
.indexPage05{background: url("../images/H5Bk_051.jpg") no-repeat top center; background-size: cover;}
.indexPage06{background: url("../images/H5Bk_061.jpg") no-repeat top center; background-size: cover;}
.indexPage07{background: url("../images/H5Bk_071.jpg") no-repeat top center; background-size: cover;}
.indexPage08{background: url("../images/H5Bk_081.jpg") no-repeat top center; background-size: cover;}
.indexPage09{background: url("../images/H5Bk_091.jpg") no-repeat top center; background-size: cover;}
.indexPage10{background: url("../images/H5Bk_101.jpg") no-repeat top center; background-size: cover;}

.indexPage00Con{color: #fff;padding: 1.5rem 0 0 0;width:100%;}
.indexPage00Con .p1{font-size: .34rem;margin-bottom: .14rem;letter-spacing: .1rem;}
.indexPage00Con .p2{font-size: .28rem;margin-bottom: 0.6rem;word-spacing: 0.05rem;}
.indexPage00Con .p3{font-size: .50rem;margin-bottom: 0.9rem;font-weight: bold;letter-spacing: .05rem;}
.indexPage00Con .p4{font-size: .3rem;margin-bottom: 0.28rem;font-weight: bold;letter-spacing: .05rem;}
.indexPage00Con .p5{font-size: .30rem;margin: .26rem 0 0.3rem 0;letter-spacing: .05rem;}

.indexPage00Con .IndexInput input{font-size: .24rem;margin-bottom: 0.2rem;letter-spacing: .05rem;border: 1px solid #FFFFFF;
    text-align: center;width: 4.8rem;padding: .14rem .4rem;
    background: none;color: #FFFFFF;}
.indexPage00Con .IndexInput li{margin:.6rem 0;} 
input::-webkit-input-placeholder{
    color: #FFFFFF;
}
.indexPage00Con .IndexInput button{
    width:100%;
    background: #5caaad;border: none;font-size: .24rem;padding: .1rem 1rem;margin-top:.5rem;margin-bottom: 0rem;color: #FFFFFF;letter-spacing: .2rem;}


.indexPage01Con{color: #fff;padding: 1.5rem 0 0 0;}
.indexPage01Con .p1{font-size: .34rem;margin-bottom: .14rem;letter-spacing: .1rem;}
.indexPage01Con .p2{font-size: .28rem;margin-bottom: 0.6rem;word-spacing: 0.05rem;}
.indexPage01Con .p3{font-size: .50rem;margin-bottom: 0.9rem;font-weight: bold;letter-spacing: .05rem;}
.indexPage01Con .p4{font-size: .3rem;margin-bottom: 0.28rem;font-weight: bold;letter-spacing: .05rem;}
.indexPage01Con .p5{font-size: .30rem;margin: .26rem 0 0.3rem 0;letter-spacing: .05rem;}

.indexPage01Con .IndexInput input{font-size: .24rem;margin-bottom: 0.2rem;letter-spacing: .05rem;border: 1px solid #FFFFFF;
    text-align: center;width: 4.8rem;padding: .14rem .4rem;
    background: none;color: #FFFFFF;}
input::-webkit-input-placeholder{
    color: #FFFFFF;
}
.indexPage01Con .IndexInput button{
    background: #5caaad;border: none;font-size: .24rem;padding: .1rem 1rem;margin-bottom: .2rem;color: #FFFFFF;letter-spacing: .2rem;}


/*第二屏*/
.indexPage02Con{margin-top: 0.2rem;}
.indexPage02Con .topName{font-size: .3rem;margin-bottom: .4rem;letter-spacing: .1rem;}
.indexPage02Con .info{font-size: .20rem;letter-spacing: .04rem;line-height: 2em;box-sizing: border-box;padding: 0 12%;text-align: justify;max-height: 6rem;overflow: auto;}
.indexPage02InfoBox{position: absolute;bottom: .6rem; right: 12%;font-size: .22rem;text-align: right;line-height: 2em;}
/*第二屏 end*/
.PageTitleAbsolute{position: absolute;top: 0;font-weight: bold;
    width: 80%;opacity: .8;}
.pagesReadMore{position: absolute;bottom: .4rem;font-size: .24rem;
    right: 10%; font-weight: bold;vertical-align: middle;line-height: 1.5em;}
.s60c9e4445{font-size: .6rem;color: #9e4445;}
.s24c9e4445{font-size: .24rem;color: #9e4445;}
/*第3屏*/
.indexPage03 .PageTitleAbsolute{font-size: .36rem;padding-top: 1.4rem;}
.indexPage03 .PageTitleAbsolute .line01{text-align: left;}
.indexPage03 .PageTitleAbsolute .line02{text-align: right;}
.indexPage03 .distancePages .sec{font-size: .24rem;width: 70%;text-align: justify;margin-top: 1rem;line-height: 2em;}
.indexPage03 .distancePages .sec01{margin-left: 10%;}
.indexPage03 .distancePages .sec02{font-size: .24rem;float: right;
    margin-right: 10%;line-height: 2em}
/*第3屏 end*/
/*第4屏*/
.indexPage04 .PageTitleAbsolute{font-size: .36rem;text-align: right;margin-top: 1.8rem;
    opacity: .7;}
.indexPage04 .PageTitleAbsolute .time{font-size: .65rem;text-align: right;}
.indexPage04 .distancePages{margin-top: 2rem;}
.indexPage04 .distancePages .sec{font-size: .24rem;width: 80%;text-align: justify;margin: 0 auto;padding-top: 1rem;}
/*第4屏 end*/
/*第5屏*/
.indexPage05 .PageTitleAbsolute{font-size: .36rem;padding-top: 1.4rem;}
.indexPage05 .PageTitleAbsolute .line01{text-align: left;margin-left: .5rem;}
.indexPage05 .PageTitleAbsolute .line02{text-align: left;}
.indexPage05 .distancePages .sec{font-size: .24rem;width: 60%;text-align: justify;margin-top: 1rem;}
.indexPage05 .distancePages .sec01{margin-left: 10%;float: right;margin-right: 10%;}
.indexPage05 .distancePages .sec02{font-size: .24rem;float: left;margin-left: 10%;}
/*第5屏 end*/
/*第6屏*/
.indexPage06 .PageTitleAbsolute{font-size: .36rem;padding-top: 1rem;}
.indexPage06 .distancePages{font-size: .24rem;width: 80%;text-align: justify;position: absolute;bottom: 2rem;letter-spacing: .04rem;}
/*第6屏 end*/
/*第7屏*/
.indexPage07 .PageTitleAbsolute{font-size: .28rem;padding-top: 1rem;}
.indexPage07 .distancePages{font-size: .24rem;width: 80%;text-align: justify;position: absolute;bottom: 1.2rem;letter-spacing: .04rem;line-height: 2em;}
/*第7屏 end*/
/*第8屏*/
.indexPage08 .PageTitleAbsolute{font-size: .24rem;padding-top: 2.1rem;text-align: justify;line-height: 2.5em;font-weight: normal;}
.indexPage08 .distancePages{font-size: .22rem;width: 80%;text-align: justify;position: absolute;bottom: 1.2rem;letter-spacing: .04rem;line-height: 2em;}
/*第8屏 end*/
/*第9屏*/
.indexPage09 .PageTitleAbsolute{font-size: .28rem;padding-top: 1rem;text-align: justify;line-height: 2.5em;font-weight: normal;}
.indexPage09 .distancePages{font-size: .26rem;width: 80%;text-align: justify;position: absolute;bottom: 2rem;letter-spacing: .04rem;line-height: 2em;}
/*第9屏 end*/
/*第10屏*/
.indexPage10 .PageTitleAbsolute{width: 100%;font-size: 0;top: auto;bottom: 0;opacity: 1;}
.indexPage10 .TitBox{position: absolute;top: 1.2rem;font-size: .4rem;line-height: 1.6em;letter-spacing: .1rem;}
/*第10屏 end*/